import ErrorClass from './index.module.scss'
import { getFileUrl } from '@/utils/publicFun'
export default defineComponent({
  name: '404',
  setup() {
    return () => (
      <div class={ErrorClass['wscn-http404-container']}>
        <div class={ErrorClass['wscn-http404']}>
          <div class={ErrorClass['pic-404']}>
            <img
              class={ErrorClass['pic-404__parent']}
              src={getFileUrl('@/assets/404_images/404.png')}
              alt="404"
            />
            <img
              class={ErrorClass['pic-404__child left']}
              src={getFileUrl('@/assets/404_images/404_cloud.png')}
              alt="404"
            />
            <img
              class={ErrorClass['pic-404__child mid']}
              src={getFileUrl('@/assets/404_images/404_cloud.png')}
              alt="404"
            />
            <img
              class={ErrorClass['pic-404__child right']}
              src={getFileUrl('@/assets/404_images/404_cloud.png')}
              alt="404"
            />
          </div>
          <div class={ErrorClass['bullshit']}>
            <div class={ErrorClass['bullshit__oops']}>404错误!</div>
            <div class={ErrorClass['bullshit__info']}>
              对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。
            </div>
          </div>
        </div>
      </div>
    )
  }
})
